﻿@{ Layout = "../../Views/Shared/_LayoutPhone.cshtml";}
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <!-- favicons -->
    <link rel="apple-touch-icon" href="~/GoTRI/img/favicon-apple.png">
    <link rel="icon" href="~/GoTRI/img/favicon.png">

    <!-- Bootstrap CSS -->
    <!-- Material design icons CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/materializeicon/material-icons.css">

    <!-- aniamte CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/animatecss/animate.css">

    <!-- swiper carousel CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/swiper/css/swiper.min.css">

    <!-- daterange CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/bootstrap-daterangepicker-master/daterangepicker.css">

    <!-- dataTable CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/DataTables-1.10.18/css/responsive.dataTables.min.css">
    <link rel="stylesheet" href="~/GoTRI/vendor/DataTables-1.10.18/css/dataTables.bootstrap4.min.css">

    <!-- jvector map CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap-2.0.3.css">

    <!-- app CSS -->
    <link id="theme" rel="stylesheet" href="~/GoTRI/css/purplesidebar.css" type="text/css">

    <title>GoTRI - Mobile</title>
</head>

<body class="fixed-header sidebar-right-close sidebar-left-close">
    <!-- content page title ends -->
    <!-- content page -->
    <div class="container mt-4 main-container">
        <div class="row">
            <div class="col-sm-12">
                <div class="card mb-12 fullscreen">
                    <div class="card-header">
                        <div class="media">
                            <div class="media-body">
                                <h4 class="content-color-primary mb-0">跟进记录</h4>
                            </div>
                            <a href="javascript:void(0);" class="icon-circle icon-30 content-color-secondary fullscreenbtn">
                                <i class="material-icons ">crop_free</i>
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <table class="table" id="dataTableExample" style="width:100%">
                            <thead>
                                <tr>
                                    <th>销售动作</th>
                                    <th>操作时间</th>
                                </tr>
                            </thead>
                            <tbody id="suoshuzhanqu">
                                <tr class="even">
                                    <td>
                                        <img src="~/GoTRI/img/user1.png" alt="" class="rounded-circle avatar avatar-50 mr-2">Strobarry milk
                                    </td>
                                    <td>业务员</td>
                                    <td>日报</td>
                                    <td>2020-12-12</td>
                                    <td>日sadas报</td>
                                    <td>日sad报asdsa</td>
                                    <td>asd日asdasd报asd</td>
                                    <td class='text-right'><button class='btn btn-success btn-sm'>阅读</button><span>(阅读后将不在显示)</span></td>
                                </tr>
                                <tr class="odd">
                                    <td>
                                        <img src="~/GoTRI/img/user1.png" alt="" class="rounded-circle avatar avatar-50 mr-2"><br />Strobarry milk
                                    </td>
                                    <td>业务员</td>
                                    <td>日报</td>
                                    <td>2020-12-12</td>
                                    <td>日sadas报</td>
                                    <td>日sad报asdsa</td>
                                    <td>asd日asdasd报asd</td>
                                    <td class='text-right'><button class='btn btn-success btn-sm'>阅读</button><span>(阅读后将不在显示)</span></td>
                                </tr>
                                <tr class="odd">
                                    <td>
                                        <img src="~/GoTRI/img/user1.png" alt="" class="rounded-circle avatar avatar-50 mr-2"><br />Strobarry milk
                                    </td>
                                    <td>业务员</td>
                                    <td>日报</td>
                                    <td>2020-12-12</td>
                                    <td>日sadas报</td>
                                    <td>日sad报asdsa</td>
                                    <td>asd日asdasd报asd</td>
                                    <td class='text-right'><button class='btn btn-success btn-sm'>阅读</button><span>(阅读后将不在显示)</span></td>
                                </tr>
                                <tr class="odd">
                                    <td>
                                        <img src="~/GoTRI/img/user1.png" alt="" class="rounded-circle avatar avatar-50 mr-2"><br />Strobarry milk
                                    </td>
                                    <td>业务员</td>
                                    <td>日报</td>
                                    <td>2020-12-12</td>
                                    <td>日sadas报</td>
                                    <td>日sad报asdsa</td>
                                    <td>asd日asdasd报asd</td>
                                    <td class='text-right'><button class='btn btn-success btn-sm'>阅读</button><span>(阅读后将不在显示)</span></td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- /.table-responsive -->
                        <input type="text" hidden="hidden" id="kehuidzhi" />
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div style="margin-bottom: 50px;padding-bottom:1px"></div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="~/GoTRI/js/jquery-3.2.1.min.js"></script>
    <script src="~/GoTRI/js/popper.min.js"></script>

    <!-- Cookie jquery file -->
    <script src="~/GoTRI/vendor/cookie/jquery.cookie.js"></script>

    <!-- sparklines chart jquery file -->
    <script src="~/GoTRI/vendor/sparklines/jquery.sparkline.min.js"></script>

    <!-- Circular progress gauge jquery file -->
    <script src="~/GoTRI/vendor/circle-progress/circle-progress.min.js"></script>

    <!-- Swiper carousel jquery file -->
    <script src="~/GoTRI/vendor/swiper/js/swiper.min.js"></script>

    <!-- Chart js jquery file -->
    <script src="~/GoTRI/vendor/chartjs/Chart.bundle.min.js"></script>
    <script src="~/GoTRI/vendor/chartjs/utils.js"></script>

    <!-- DataTable jquery file -->
    <script src="~/GoTRI/vendor/DataTables-1.10.18/js/jquery.dataTables.min.js"></script>
    <script src="~/GoTRI/vendor/DataTables-1.10.18/js/dataTables.bootstrap4.min.js"></script>
    <script src="~/GoTRI/vendor/DataTables-1.10.18/js/dataTables.responsive.min.js"></script>

    <!-- datepicker jquery file -->
    <script src="~/GoTRI/vendor/bootstrap-daterangepicker-master/moment.js"></script>
    <script src="~/GoTRI/vendor/bootstrap-daterangepicker-master/daterangepicker.js"></script>

    <!-- jVector map jquery file -->
    <script src="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap.js"></script>
    <script src="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>

    <!-- circular progress file -->
    <script src="~/GoTRI/vendor/circle-progress/circle-progress.min.js"></script>

    <!-- Application main common jquery file -->
    <script src="~/GoTRI/js/main.js"></script>

    <!-- page specific script -->
    <script>
        $(document).ready(function () {
            var kehuid = getQuery("kehuid");
            $("#kehuidzhi").val(kehuid);
            Genjinjiluxiangxi();
            shujudatatable();
        });

        function shujudatatable() {
            var lang = {
                "sProcessing": "大量处理中，请稍后...",
                "sLengthMenu": "每页 _MENU_ 项",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "当前显示第 _START_ 至 _END_ 项，共 _TOTAL_ 项。",
                "sInfoEmpty": "当前显示第 0 至 0 项，共 0 项",
                "sInfoFiltered": "(由 _MAX_ 项结果过滤)",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页",
                    "sJump": "跳转"
                },
                "oAria": {
                    "sSortAscending": ": 以升序排列此列",
                    "sSortDescending": ": 以降序排列此列"
                }
            };
            $('#dataTableExample').dataTable({
                "language": lang
            });
        }
        function Genjinjiluxiangxi() {
            var kehuid = $("#kehuidzhi").val();
            $.ajax({
                type: 'post',
                url: '../PhoneKeHu/Genjinjiluxiangxi',
                async: false,
                dataType: 'text',
                data: { kehuid: kehuid },
                success: function (date) {
                    $("#suoshuzhanqu").html(date);
                },
            })
        }

        function getQuery(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURI(r[2]); return null;
        }

    </script>
</body>

</html>
